<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>SportsLogo</title>
    <link rel="stylesheet" href="css/main.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/sports.js"></script>
</head>
<body>
<div class="top"></div>
    <div class="main">

        <div class="header">
            <div class="logo">
                <img src="src/logo.png" alt="">
            </div>
            <div class="setting">
                <div class="search">
                    <label><img src="src/search.png" alt=""></label>
                    <input type="text"/>
                    <input type="button" value="Search"/>
                </div>
                <div class="top_menu">
                    <span class="item">Sign In</span>
                    <span>|</span>
                    <span class="item">Register</span>
                    <span>|</span>
                    <span class="item">My Account</span>
                    <span>|</span>
                    <span class="item">Language:<span class="gold">English</span></span>
                    <span><img src="src/arrow.png" alt=""></span>
                    <span class="item">Country:<span class="gold">US</span></span>
                    <span><img src="src/arrow.png" alt=""></span>
                </div>
                <div class="checkout_cart">
                    <span class="item">Checkout</span>
                    <span>|</span>
                    <span class="item">Cart</span>
                    <span><img src="src/cart.png" alt=""></span>
                </div>
            </div>
            <div class="cart_model ">
                <div class="sign"></div>
                <div class="cart_content">
                    <div class="cart_item">
                        <img style="height: 100%;float: left" src="src/photo.jpg" alt="">
                        <div class="cart_item_info">
                            <div class="title">Sports Skirt</div>
                            <div class="case">SKU: 0055</div>
                            <div class="case">Availability: In Stock</div>
                            <div class="price">  $127.99</div>
                        </div>
                    </div>
                    <div class="cart_item">
                        <img style="height: 100%;float: left" src="src/photo.jpg" alt="">
                        <div class="cart_item_info">
                            <div class="title">Sports Skirt</div>
                            <div class="case">SKU: 0055</div>
                            <div class="case">Availability: In Stock</div>
                            <div class="price">  $127.99</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="menu">
            <span class="menu_item">Men Clothing</span>
            <span class="menu_item">Women Clothing</span>
            <span class="menu_item">Men Shoes</span>
            <span class="menu_item">Women Shoes</span>
            <span class="menu_item">Kid Clothing</span>
            <span class="menu_item">Kid Shoes</span>
        </div>

    </div>
    <div class="content_panel">
        <div class="size_error">
            <div class="sign">
                !
            </div>
            <span>Please select a size</span>
        </div>
        <div class="photo_panel">
            <div class="photo_main">
                <img src="src/photo.jpg" alt="">
                <div class="magnifier_panel">
                    <div class="magnifier_show"></div>
                </div>
                <img class="check_photo" src="src/check.png" alt="">
            </div>
            <div class="photo_list_panel">
                <div class="photo_list_btn left no_use">
                    &lt;
                </div>
                <div class="photo_list">
                    <div>
                        <img src="src/photo.jpg" alt="">
                        <img src="src/photo.jpg" alt="">
                        <img src="src/photo.jpg" alt="">
                        <img src="src/photo.jpg" alt="">
                        <img src="src/photo.jpg" alt="">
                    </div>
                </div>
                <div class="photo_list_btn right">
                    &gt;
                </div>

            </div>
        </div>
        <div class="info_panel">
            <div class="title">
                Sports Skirt
            </div>
            <div class="case">
                <div>SKU: 0055</div>
                <div>Availability: In Stock</div>
            </div>
            <div class="price">$127.99</div>
            <div class="info">
                <p>
                    Cut full for style and comfort, the 560 is built for lots of body types.
                    Light and packable the fabric sits off the skin for comfort and breathability and is treated with a
                    special finish for added water repellency. Articulated knees and 2-way stretch provide nataural
                    fit and movement while snap-adjustable cuffs button tight for ang occasion.
                </p>
            </div>
            <div class="chose">
                <div class="size">
                    <span>Step-1: Size -</span>
                    <select  name="" id="size">
                        <option class="italic" value="" disabled="disabled" selected="selected">size</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                    </select>
                </div>
                <div class="color">
                    <span>Step-2: Colors -</span>
                    <div class="out">
                        <div class="in c1"></div>
                    </div>
                    <div class="out">
                        <div class="in c2"></div>
                    </div>
                    <div class="out">
                        <div class="in c3"></div>
                    </div>
                    <div class="out">
                        <div class="in c4"></div>
                    </div>
                    <div class="out">
                        <div class="in c5"></div>
                    </div>
                </div>
                <div class="quantity">
                    <span>Step-3: Quantity -</span>
                    <input type="number" min="1" value="1">
                </div>
            </div>
            <div class="add_btn">
                <div>ADD TO CART</div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="nav_menu">
            <div class="nav_item active">Description</div>
            <div class="nav_item"> Rating & Review</div>
            <div class="nav_item">Find in Store</div>
        </div>
        <div class="nav_content">
            <p>Cut full for style and comfort, the 560 is built for lots of body types.</p>
             <p>   Light and packable the fabric sits off the skin for comfort and breathability and is treated with a special finish for added water repellency. Articulated knees and 2-way stretch provide</p>
             <p>   nataural fit and movement while snap-adjustable cuffs button tight for ang occasion.</p>
        </div>
    </div>
    <div class="what_fuck"></div>
    <div class="sign_up">
        <span>Sign Up For ACS Emails:</span>
        <input type="text" placeholder="Enter your email"><input type="button" value="Sign Up">
    </div>

    <div class="help">
        <ul>
            <li>Our Offers</li>
            <li>New products</li>
            <li>Top sellers</li>
            <li>Specials</li>
            <li>Manufacturers</li>
            <li>SuppliersSpecials</li>
            <li>Customer Service</li>
        </ul>
        <ul>
            <li>Shipping Info</li>
            <li>New products</li>
            <li>Top sellers</li>
            <li>Specials</li>
            <li>Manufacturers</li>
            <li>SuppliersSpecials</li>
            <li>Customer Service</li>
        </ul>
        <ul>
            <li>Customer Service</li>
            <li>New products</li>
            <li>Top sellers</li>
            <li>Specials</li>
            <li>Manufacturers</li>
            <li>SuppliersSpecials</li>
            <li>Customer Service</li>
        </ul>
        <ul>
            <li>Privacy & Legal</li>
            <li>New products</li>
            <li>Top sellers</li>
            <li>Specials</li>
            <li>Manufacturers</li>
            <li>SuppliersSpecials</li>
            <li>Customer Service</li>
        </ul>
        <ul>
            <li>Twitter</li>
            <li>
                <span><img src="src/f.jpg" alt=""></span>
                <span><img src="src/t.jpg" alt=""></span>
                <span><img src="src/y.jpg" alt=""></span>
            </li>
        </ul>
    </div>

    <div class="foot">
        <div class="foot_menu">
            <ul>
                <li>Home</li>
                <li>|</li>
                <li>Site Map</li>
                <li>|</li>
                <li>Store Locator</li>
                <li>|</li>
                <li>About Us</li>
                <li>|</li>
                <li>Contact Us</li>
            </ul>
        </div>
        <div class="foot_sign">(C) 2013 AAXIS Commerce</div>
    </div>


    <div class="check_panel hide">
        <div class="title">View Larger <span class="close"><img src="src/close.png" alt=""></span></div>
        <img src="src/photo.jpg" alt="">
    </div>
    <div class="cover hide"></div>
    <div class="menu_list1 ">
        <div>Women coat</div>
        <div>Women jacket</div>
        <div>Women pants</div>
    </div>
</body>
</html>